<!DOCTYPE html>
<html>
	<head>
		<title>Bootstrap 模板</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="web/css/bootstrap.min.css" rel="stylesheet">
		<script src="web/js/jquery-1.11.1.min.js"></script>
		<script src="web/js/bootstrap.min.js"></script>
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col-xs-6 col-xs-offset-3">
					<div class="panel panel-info">
						<div class="panel-heading">
							<div class="panel-title text-center">
								<img style="width: 20px;height:20px;float: left;" src='welcome.png' />比大小游戏！
							</div>
						</div>
						<div class="panel-body">
							<div class="col-xs-6">
								<img style="width: 280px;height:260px;" src='welcome.png'/>
							</div>
							<div class="col-xs-6 text-center">
								<br />
								<br />
								<h3 style="orange">比大小排行</h3>
								<br />
								<p style="color: red">
									第一名:
								</p>
								<p>
									第二名:
								</p>
								<p>
									第三名:
								</p>
								<br />
								<button style="width: 100px;height: 30px;" id="ks">
									开始
								</button>
							</div>
						</div>
					</div>
					<div class="col-xs-4 text-center">
						<fieldset>
							<legend>
								电脑
							</legend>
							<table style="width: 100px;margin: auto;" border="1">
								<tr>
									<td style="color: #CD6889;font-size: 80px;">???</td>
								</tr>
							</table>
						</fieldset>
					</div>
					<div class="col-xs-4 text-center">
						<fieldset>
							<legend>
								<h3>VS</h3>
							</legend>
							<br />
							<table border="1" style="width: 80px;margin: auto;">
								<tr>
									<td><p style="color: red">分数:0</p><p>生命:3</p></td>
								</tr>
							</table>
						</fieldset>
					</div>
					<div class="col-xs-4 text-center">
						<fieldset>
							<legend>
								玩家
							</legend>
							<table border="1" style="width: 100px;margin: auto;">
								<tr>
									<td style="color: #CD6889;font-size: 80px;">???</td>
								</tr>
							</table>
						</fieldset>
					</div>
					<div class="col-xs-4 col-xs-offset-4">
						<button>比一比</button>
						&nbsp;&nbsp;&nbsp;&nbsp;
						<button>不玩了</button>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			$(function(){
			 $(#ks).click(function(){
			
			})
		})
		</script>
	</body>
</html>
